<template>
	<view>
		<view class="u-f">
			<view>手机号:</view>
			<input type="text" value="" @input="getPhone" focus placeholder="请输入手机号"/>
		</view>
		<view class="u-f">
			<view>验证码:</view>
			<input type="text" value="" @input="getCode" placeholder="请输入验证码"/>
			<view>获取验证码</view>
		</view>
		<view class="u-f">
			<view>新密码:</view>
			<input type="text" value="" @input="getPassword"  placeholder="请输入新密码"/>
		</view>
		<view class="u-f">
			<view>确认密码:</view>
			<input type="text" value=""  @input="getRepassword" placeholder="请再次输入密码"/>
		</view>
		<button type="primary" @tap="submitForm">确认</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				password:'',
				form:{
					phone:'',
					code:'',
					password:'',
					repassword:''
				}
			}
		},
		methods: {
			getPhone(e){
				this.form.phone = e.detail.value
			},
			getCode(e){
				this.form.code = e.detail.value
			},
			getPassword(e){
				this.form.password = e.detail.value
			},
			getRepassword(e){
				this.form.repassword = e.detail.value
			},
			submitForm(){
				console.log(this.form)
			}
		}
	}
</script>

<style>

</style>
